<template>
  <div id="nav">
<!--      <router-view></router-view>-->
<!--    Vue3之后keep-alive的用法-->
  <router-view v-slot="{ Component}">
    <transition>
      <keep-alive exclude="Detail">
        <component :is="Component"></component>
      </keep-alive>
    </transition>
  </router-view>

    <tab-bar-main></tab-bar-main>
  </div>
</template>

<script>
import TabBarMain from "components/content/tabbarMain/TabBarMain";
export default {
  name: 'App',
  components: {
    TabBarMain
  }
}
</script>

<style>
@import "assets/css/base.css";
</style>
